<!--
 * @Description: 
 * @Version: 2.0
 * @Autor: 刘世琪
 * @Date: 2021-01-16 16:23:19
 * @LastEditors: Seven
 * @LastEditTime: 2021-01-16 19:49:20
-->
<template>
    <div>
        <h1>个人中心</h1>
    <!-- 上传表单 -->
    <van-cell-group>
      <van-uploader :after-read="afterRead"> </van-uploader>
    </van-cell-group>

    <table border="1">
      <tr>
        <td>用户名</td>
        <td>{{ user_info.username }}</td>
      </tr>
      <tr>
        <td>头像</td>
        <td>
          <img
            :src="'http://127.0.0.1:8000/static/upload/' + user_info.image"
            width="50"
            height="50"
          />
        </td>
      </tr>
      <tr>
        <td>手机号</td>
        <td>{{ user_info.phone }}</td>
      </tr>
      <tr>
        <td>邮箱</td>
        <td>{{ user_info.email }}</td>
      </tr>
    </table>
    <van-field
      v-model="new_password"
      label="新密码:"
      placeholder="请输入新密码："
    ></van-field>
    <van-button type="primary" @click="changepassword">修改密码</van-button>
  </div>
  
</template>

<script>
import axios from 'axios'
export default {
    data() {
        return {

        }
    },
    methods: {

    },
    created() {

    }
}
</script>

<style scoped>

</style>
